import { Form, Select, Col } from "antd";
import React from "react";

const { Option } = Select;
const { Item } = Form;

const Index = ({ item, col }) => (
  <Item
    label={item.label}
    name={item.name}
    key={item.label}
    rules={item.rules || []}
  >
    <Select placeholder={item.placeholder + item.label}>
      {item.options &&
        item.options.map((cItem) => {
          return (
            <Option value={cItem.value} key={cItem.id}>
              {cItem.countryName}
            </Option>
          );
        })}
    </Select>
  </Item>
);
export default Index;
